<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>settings</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="renderer" content="ie-stand">
        <meta name="viewport" content="initial-scale = 1, user-scalable = no">
        <link rel="icon" href="Zoo.ico" type="image/ico">
        <link type="text/css" href="lib/css/bootstrap.css" rel="stylesheet"/>
        <link type="text/css" href="lib/css/settings.css" rel="stylesheet"/>
        <script src="lib/script/jquery.js"></script>
        <script src="lib/script/bootstrap.js"></script>
    </head>
    <body>
        <div class="col-sm-12">
            <div id="setHeader">
                <span style="margin: 15px 5px;display: inline-block">系统设置</span>
                <span class="pull-right">
                    <span style="margin: 15px 0;display: inline-block" class="glyphicon glyphicon-minus"></span>
                    <span style="margin: 15px 5px;display: inline-block" class="glyphicon glyphicon-remove"></span>
                </span>
            </div>
            <ul class="nav nav-tabs nav-stacked" role="tablist">
                <li class="active">
                    <a href="#pills-tab1" data-toggle="tab">
                        个人信息
                    </a>
                </li>
                <li>
                    <a href="#pills-tab2" data-toggle="tab">
                        常规
                    </a>
                </li>
                <li>
                    <a href="#pills-tab3" data-toggle="tab">
                        外观
                    </a>
                </li>
                <li>
                    <a href="#pills-tab4" data-toggle="tab">
                        对话
                    </a>
                </li>
                <li>
                    <a href="#pills-tab5" data-toggle="tab">
                        邮件
                    </a>
                </li>
                <li>
                    <a href="#pills-tab6" data-toggle="tab">
                        通知
                    </a>
                </li>
                <li>
                    <a href="#pills-tab7" data-toggle="tab">
                        音/视频设置
                    </a>
                </li>
                <li>
                    <a href="#pills-tab8" data-toggle="tab">
                        网络设置
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="pills-tab1">
                    111
                </div>
                <div class="tab-pane" id="pills-tab2">
                    222
                </div>
                <div class="tab-pane" id="pills-tab3">
                    333
                </div>
                <div class="tab-pane" id="pills-tab4">
                    444
                </div>
                <div class="tab-pane" id="pills-tab5">
                    555
                </div>
                <div class="tab-pane" id="pills-tab6">
                    666
                </div>
                <div class="tab-pane" id="pills-tab7">
                    777
                </div>
                <div class="tab-pane" id="pills-tab8">
                    888
                </div>
            </div>
            <div class="btns pull-right">
                <button id="ok" type="button" class="btn btn-default" style="-webkit-app-region:no-drag;" >确定</button>
                <button id="cancel" type="button" class="btn btn-default" style="-webkit-app-region:no-drag;">取消</button>
                <button id="apply" type="button" class="btn btn-default" style="-webkit-app-region:no-drag;">应用</button>
            </div>
        </div>
        <script>
        </script>
    </body>
</html>